<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>CHJ-final-flask</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


  </head>
  <body>


<main>

  <div class="album py-5 bg-light">
    <div class="container">

      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <svg t="1640592522578" class="icon" viewBox="0 0 1393 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3292" xmlns:xlink="http://www.w3.org/1999/xlink" width="272.0703125" height="200"><defs><style type="text/css"></style></defs><path d="M619.3 888H381.2c-38.2 0-69.4-30.8-70-68.9l-50-486.2v-1c0-38.6 31.4-70 70-70h338.1c38.6 0 70 31.4 70 70v1l-0.1 1-49.9 485.2c-0.6 38.1-31.8 68.9-70 68.9zM301.2 331l50 486v1c0 16.5 13.5 30 30 30h238.1c16.5 0 30-13.5 30-30v-1l0.1-1 49.9-485c-0.5-16.1-13.8-29.1-30-29.1H331.2c-16.3 0-29.5 12.9-30 29.1z" fill="#444D68" p-id="3293"></path><path d="M298.1 309.4l88.1 62.1c17.7-19.5 30.3-44.1 34.9-72 12.9-77.3-39.3-150.3-116.5-163.2-77.3-12.9-150.3 39.3-163.2 116.5C128.5 330 180.6 403.1 257.9 416c13.6 2.3 27.1 2.5 40.2 1V309.4z" fill="#F4DB73" p-id="3294"></path><path d="M281.4 427.9c-8.4 0-16.8-0.7-25.1-2.1C173.7 412 117.8 333.6 131.6 251c13.8-82.6 92.2-138.5 174.8-124.7 40 6.7 75 28.5 98.6 61.5 23.6 33 32.9 73.2 26.2 113.2-4.8 28.9-17.8 55.5-37.4 77.1l-5.9 6.5-79.6-56.1-0.1 97.2-8.8 1c-6.1 0.9-12 1.2-18 1.2z m-0.4-283.6c-27.2 0-53.7 8.4-76.3 24.6-28.7 20.5-47.6 50.8-53.4 85.6-12 71.7 36.6 139.8 108.3 151.7 9.5 1.6 19 2.1 28.5 1.6l0.1-117.7 96.4 68c13.8-17.4 23-38.1 26.7-60.2 12-71.7-36.6-139.8-108.3-151.7-7.4-1.3-14.7-1.9-22-1.9z" fill="#444D68" p-id="3295"></path><path d="M298.1 309.4l88.1 62.1c17.7-19.5 30.3-44.1 34.9-72 12.9-77.3-39.3-150.3-116.5-163.2-77.3-12.9-150.3 39.3-163.2 116.5C128.5 330 180.6 403.1 257.9 416c13.6 2.3 27.1 2.5 40.2 1V309.4z" fill="#F9CC12" p-id="3296"></path><path d="M281.4 427.9c-8.4 0-16.8-0.7-25.1-2.1C173.7 412 117.8 333.6 131.6 251c13.8-82.6 92.2-138.5 174.8-124.7 40 6.7 75 28.5 98.6 61.5 23.6 33 32.9 73.2 26.2 113.2-4.8 28.9-17.8 55.5-37.4 77.1l-5.9 6.5-79.6-56.1-0.1 97.2-8.8 1c-6.1 0.9-12 1.2-18 1.2z m-0.4-283.6c-27.2 0-53.7 8.4-76.3 24.6-28.7 20.5-47.6 50.8-53.4 85.6-12 71.7 36.6 139.8 108.3 151.7 9.5 1.6 19 2.1 28.5 1.6l0.1-117.7 96.4 68c13.8-17.4 23-38.1 26.7-60.2 12-71.7-36.6-139.8-108.3-151.7-7.4-1.3-14.7-1.9-22-1.9zM499.4 644.6c-11 0-20-9-20-20V177.2c0-11 9-20 20-20s20 9 20 20v447.4c0 11.1-8.9 20-20 20z" fill="#444D68" p-id="3297"></path><path d="M499.5 197.2c-7.8 0-15.2-4.6-18.4-12.3-4.3-10.2 0.5-21.9 10.7-26.2l156.7-65.9c10.2-4.3 21.9 0.5 26.2 10.7 4.3 10.2-0.5 21.9-10.7 26.2l-156.7 65.9c-2.6 1.1-5.3 1.6-7.8 1.6z" fill="#444D68" p-id="3298"></path><path d="M307.4 489.7L341.2 818c0 27.5 22.5 50 50 50h238.1c27.5 0 50-22.5 50-50l33.8-328.4s-62.6 20-116.6 20c-65 0-86.2-50-164.4-50-60.7 0-124.7 30.1-124.7 30.1z" fill="#186FED" p-id="3299"></path><path d="M629.3 888H391.2c-38.2 0-69.4-30.8-70-68.9l-35.1-341.5 12.9-6c2.8-1.3 68.7-31.9 133.1-31.9 46 0 74.6 15.5 99.9 29.2 20.7 11.2 38.6 20.9 64.5 20.9 50.3 0 110-18.9 110.6-19.1l29.1-9.3-36.8 357.8c-0.7 38-31.9 68.8-70.1 68.8zM328.9 502.3L361.2 817v1c0 16.5 13.5 30 30 30h238.1c16.5 0 30-13.5 30-30v-1l0.1-1 30.8-299.3c-24.3 5.9-60.3 13-93.8 13-36.1 0-60.2-13.1-83.6-25.7-23.1-12.5-45-24.3-80.9-24.3-40-0.1-82.3 14.4-103 22.6z" fill="#444D68" p-id="3300"></path><path d="M387.7 556.8m-22.6 0a22.6 22.6 0 1 0 45.2 0 22.6 22.6 0 1 0-45.2 0Z" fill="#FFFFFF" p-id="3301"></path><path d="M459.5 655.8m-14.6 0a14.6 14.6 0 1 0 29.2 0 14.6 14.6 0 1 0-29.2 0Z" fill="#FFFFFF" p-id="3302"></path><path d="M428.8 801.5m-10.1 0a10.1 10.1 0 1 0 20.2 0 10.1 10.1 0 1 0-20.2 0Z" fill="#FFFFFF" p-id="3303"></path><path d="M496.6 768.1m-6.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 1 0-13 0Z" fill="#FFFFFF" p-id="3304"></path><path d="M577 783m-5.9 0a5.9 5.9 0 1 0 11.8 0 5.9 5.9 0 1 0-11.8 0Z" fill="#FFFFFF" p-id="3305"></path><path d="M628.8 888h-238c-38.2 0-69.4-30.8-70-68.9l-50-486.2v-1c0-38.6 31.4-70 70-70h338.1c38.6 0 70 31.4 70 70v1l-0.1 1-49.9 485.2c-0.6 38.1-31.8 68.9-70.1 68.9z m-318-557l50 486v1c0 16.5 13.5 30 30 30h238.1c16.5 0 30-13.5 30-30v-1l0.1-1 49.9-485c-0.5-16.1-13.8-29.1-30-29.1H340.8c-16.3 0-29.6 12.9-30 29.1z" fill="#444D68" p-id="3306"></path><path d="M402.6 212.7l-118.7 74.9 99.2 71.5 27.4-25.6 12.2-80.1z" fill="#F9E280" p-id="3307"></path><path d="M383.5 365.6l-108.6-78.2 129.7-81.8 23.2 47.1-12.7 83.3-31.6 29.6z m-90.7-77.7l89.9 64.7 23.1-21.6 11.7-76.8-16.9-34.3-107.8 68z" fill="#FFFAB6" p-id="3308"></path><path d="M172.1 199.4l110.7 82-5.1-143.8-23 2.1-73.1 30.8z" fill="#F9E280" p-id="3309"></path><path d="M288.1 291.6l-121.9-90.4 11.4-34.4 75.9-32 29-2.7 5.6 159.5zM178 197.5l99.4 73.7-4.5-128.2-16.9 1.6-70.3 29.6-7.7 23.3z" fill="#FFFAB6" p-id="3310"></path><path d="M199.7 392.1l84.2-104.5-150.1 4.7 8.1 20.9 36.6 60.6z" fill="#F9E280" p-id="3311"></path><path d="M200.3 399.3l-25.7-22.2-0.4-0.7-36.8-61-10.8-27.8 168-5.3-94.3 117z m-17.9-28.7L199 385l74.1-92-132.1 4.1 5.4 13.8 36 59.7z" fill="#FFFAB6" p-id="3312"></path><path d="M281.4 427.9c-8.4 0-16.8-0.7-25.1-2.1C173.7 412 117.8 333.6 131.6 251c13.8-82.6 92.2-138.5 174.8-124.7 40 6.7 75 28.5 98.6 61.5 23.6 33 32.9 73.2 26.2 113.2-4.8 28.9-17.8 55.5-37.4 77.1l-5.7 6.2-79.8-50.8v92.2l-8.8 1c-6.2 0.9-12.1 1.2-18.1 1.2z m-0.4-283.6c-27.2 0-53.7 8.4-76.3 24.6-28.7 20.5-47.6 50.8-53.4 85.6-12 71.7 36.6 139.8 108.3 151.7 9.5 1.6 19 2.1 28.5 1.6l0.1-110.5 96.1 61.2c14-17.5 23.3-38.3 27-60.6 12-71.7-36.6-139.8-108.3-151.7-7.4-1.3-14.7-1.9-22-1.9z" fill="#444D68" p-id="3313"></path></svg>
            </div>
            <div class="card-body">
              <p class="card-text">蓝莓饮料</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">

                    <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
            <svg t="1640592423744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2725" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M593.3 72.3c-8.9 0-16.8 6.5-18.2 15.6L456.4 822.1c-1.7 10.1 5.3 19.5 15.4 21.2 1 0.1 2 0.2 3 0.2 8.9 0 16.8-6.5 18.2-15.6l118.6-734.4c1.6-10.1-5.3-19.5-15.4-21.2-1.1 0.1-2.1 0-2.9 0z" fill="#73D37A" p-id="2726"></path><path d="M705 626l-29.5 293.6H357.9l-36-306.2c21.3-3 52.7-6.5 84.6-6.5 50.6 0 77.4 8.5 91 15.7 26.2 13.9 58.2 21 94.9 21 40.1-0.1 80-8.2 112.6-17.6z" fill="#FEB100" p-id="2727"></path><path d="M711.6 70.5H598.8c-10.2 0-18.5 8.2-18.5 18.5 0 10.2 8.2 18.5 18.5 18.5h112.9c10.2 0 18.5-8.2 18.5-18.5-0.1-10.1-8.3-18.5-18.6-18.5z" fill="#73D37A" p-id="2728"></path><path d="M741.3 465.7h-456.5c-8.7 0-15.5 7.6-14.5 16.2l54.1 460.8c0.9 7.3 7 12.8 14.5 12.8h341.7c15.6 0 28.6-11.8 30.3-27.3l45-446.6c0.7-8.4-6-15.9-14.6-15.9z m-65.9 453.9H357.8l-49-417.9h408.7l-42.1 417.9z" fill="#0C0C0C" p-id="2729"></path><path d="M470.9 851.5c10.1 1.6 19.5-5.3 21.2-15.4l104.1-643.9c-11.6-4.2-23.6-7.6-35.9-10L455.7 830.1c-1.6 10.2 5.2 19.8 15.2 21.4z" fill="#73D37A" p-id="2730"></path><path d="M510.1 160.3c-134.7 0-244 109.3-244 244H754c0.1-134.8-109.2-244-243.9-244z m0 36c102.4 0 187.7 74.4 204.8 172H305.3c17.1-97.6 102.5-172 204.8-172z" fill="#0C0C0C" p-id="2731"></path><path d="M754.8 369.3h-483.5c-32.4 0-58.9 26.5-58.9 58.9v14.5c0 32.3 26.6 58.9 58.9 58.9h483.5c32.4 0 58.9-26.5 58.9-58.9v-14.5c-0.1-32.5-26.4-58.9-58.9-58.9z m22.8 73.4c0 12.4-10.5 22.9-22.9 22.9h-483.4c-12.4 0-22.9-10.5-22.9-22.9v-14.5c0-12.4 10.5-22.9 22.9-22.9h483.5c12.6 0 22.9 10.3 22.9 22.9v14.5h-0.1z" fill="#0C0C0C" p-id="2732"></path><path d="M571.3 705.9c0 6.2 3.3 12 8.7 15.1s12 3.1 17.4 0 8.7-8.9 8.7-15.1-3.3-12-8.7-15.1-12-3.1-17.4 0c-5.5 3.1-8.7 8.9-8.7 15.1zM606.1 780.9c0 6.2 3.3 12 8.7 15.1s12 3.1 17.4 0 8.7-8.9 8.7-15.1-3.3-12-8.7-15.1-12-3.1-17.4 0-8.7 8.9-8.7 15.1zM399.5 781.9c0 6.8 5.5 12.4 12.4 12.4 6.8 0 12.4-5.5 12.4-12.4 0-6.8-5.5-12.4-12.4-12.4-6.8 0-12.4 5.6-12.4 12.4zM403.3 705.9c0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-3.9-8.8-8.8-8.8s-8.8 3.9-8.8 8.8zM580.1 846.3c0 3.2 2.6 5.8 5.8 5.8s5.8-2.6 5.8-5.8c0-3.2-2.6-5.8-5.8-5.8s-5.8 2.6-5.8 5.8z" fill="#FFFFFF" p-id="2733"></path><path d="M598.3 664.1c-40.8 0-86.8-6.3-108.4-31.2-5.6-6.5-26.3-21.2-97.4-18.2-42.1 1.8-80.3 9-80.6 9.1l-6.8-35.4c1.6-0.3 40.8-7.8 85.5-9.7 64.9-2.8 106.3 7.2 126.5 30.6 9.1 10.5 39.7 20.8 98.4 18.3 47.7-2 87.1-11.3 93.9-15.5 0 0 1 0.6-0.7 3.5l28.4 18.4c-4 7-11.6 12.6-36.8 18.7-15.8 3.8-35.7 7-55.9 9-13 1.3-29.1 2.4-46.1 2.4z" fill="#0C0C0C" p-id="2734"></path></svg>
            </div>
            <div class="card-body">
              <p class="card-text">橙汁</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
              <div align="center">
                  <svg t="1640592672887" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3444" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M224.954 383.25h543.496v63.94H224.954z" fill="#FDD089" p-id="3445"></path><path d="M224.954 383.25H672.54v63.94H224.954z" fill="#F7931E" p-id="3446"></path><path d="M719.868 351.282c0-123.6-99.86-223.794-223.46-223.794s-223.46 100.196-223.46 223.794v32.48h446.92v-32.48z" fill="#00A99D" p-id="3447"></path><path d="M496.71 127.742c-13.664 0-26.976 1.544-39.962 3.89 104.498 18.87 183.832 141.958 183.832 252.13h79.926c-0.002-124.722-100.198-256.02-223.796-256.02z" fill="#66CBC4" p-id="3448"></path><path d="M272.914 446.5l47.958 558.792h351.676l47.956-559.138" fill="#F7931E" p-id="3449"></path><path d="M495.368 703.88h145.21l-15.986 255.68H368.828l-15.986-255.68h78.086" fill="#BF161C" p-id="3450"></path><path d="M592.622 703.88l-15.984 255.68h47.954l15.986-255.68z" fill="#FF1D25" p-id="3451"></path><path d="M656.564 446.122l-47.956 559.17h63.94l47.956-559.17z" fill="#FDD089" p-id="3452"></path><path d="M272.91 447.19h447.586v47.956H272.91z" fill="#66CBC4" p-id="3453"></path><path d="M272.91 447.19h383.644v47.956H272.91z" fill="#00A99D" p-id="3454"></path><path d="M609.7 1.28h126.8v31.18h-126.8z" fill="#FF931E" p-id="3455"></path><path d="M753.132 1.28h62.36v31.18h-62.36zM545.262 799.508h33.26v31.18h-33.26zM512.002 897.208h33.26v31.18h-33.26zM480.822 832.768h31.18v31.18h-31.18z" fill="" p-id="3456"></path><path d="M495.368 720.51h128.614l-0.908 14.55h-30.006v31.182h28.056l-4.16 66.518h-38.448v31.18h36.498l-5.068 81.07H383.474l-1.04-16.63h19.392V897.2h-21.342l-6.108-97.7h27.45v-31.18h-29.4l-2.99-47.81h61.492v-31.18h-94.682l17.936 286.86H639.24l17.932-286.86h-161.804z" fill="" p-id="3457"></path><path d="M784.308 369.21H503.066l16.12-225.69c104.272 11.298 185.728 100.216 185.728 206.982h31.18c0-122.686-94.248-225.592-214.686-238.104l3.196-44.742c1.466-20.454 18.67-36.474 39.176-36.474h28.842V0H563.78c-36.782 0-67.652 28.74-70.274 65.434l-3.27 45.776c-129.016 3.476-232.91 110.484-232.91 239.294h31.18c0-111.422 88.714-203.402 199.494-208.008l-16.194 226.716h-117.79v31.18h115.564l-2.226 31.18H239.688v-31.18h81.07v-31.18h-112.25v93.542h50.018L306.558 1024H686.86l48.07-561.248h49.378v-93.542z m-319.182 93.542l-1.186 16.63h-172.696l-1.424-16.63h175.306z m193.112 530.068H335.186l-41.272-482.258h167.798l-28.508 399.096 31.1 2.22 28.666-401.318H699.54l-41.302 482.26z m43.974-513.438H495.196l1.186-16.63h207.25l-1.42 16.63z m50.914-47.812H498.612l2.226-31.18h252.29v31.18z" fill="" p-id="3458"></path><path d="M656.168 319.322h-31.18c0-54.046-42.312-96.318-96.358-96.318v-31.18c70.674-0.002 127.538 56.822 127.538 127.498z" fill="#FFFFFF" p-id="3459"></path></svg>
          </div>
            <div class="card-body">
              <p class="card-text">胡罗卜汁</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <svg t="1640592817053" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3725" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M395.2 990.4c-16 0-30.4-8-38.4-20.8s-11.2-28.8-4.8-43.2v-1.6c8-28.8 12.8-57.6 11.2-86.4-8-417.6-110.4-635.2-112-638.4-3.2-4.8-1.6-11.2 1.6-16s8-8 12.8-8h505.6c4.8 0 11.2 3.2 12.8 8 3.2 4.8 3.2 11.2 1.6 16-1.6 1.6-102.4 216-112 630.4 0 33.6 3.2 65.6 12.8 96l1.6 3.2c4.8 16 1.6 30.4-6.4 41.6-8 11.2-22.4 17.6-38.4 17.6H395.2v1.6z" fill="#FFFFFF" p-id="3726"></path><path d="M771.2 195.2S667.2 408 657.6 832c0 33.6 3.2 68.8 12.8 100.8l1.6 3.2c6.4 22.4-8 40-30.4 40H395.2c-22.4 0-36.8-22.4-28.8-43.2v-1.6c8-30.4 12.8-60.8 12.8-91.2-8-427.2-113.6-644.8-113.6-644.8h505.6m0-32H265.6c-11.2 0-20.8 6.4-27.2 14.4-6.4 9.6-6.4 20.8-1.6 30.4 1.6 1.6 102.4 217.6 110.4 630.4 0 27.2-3.2 54.4-11.2 81.6v1.6c-6.4 19.2-4.8 40 8 57.6 11.2 17.6 32 27.2 52.8 27.2h246.4c20.8 0 40-9.6 51.2-24 11.2-16 14.4-35.2 9.6-56l-1.6-3.2c-8-28.8-12.8-60.8-11.2-91.2 8-395.2 102.4-606.4 108.8-622.4 1.6-4.8 3.2-9.6 3.2-14.4 0-17.6-14.4-32-32-32z" fill="" p-id="3727"></path><path d="M460.8 339.2c-8 0-14.4-6.4-16-14.4l-32-278.4H216c-9.6 0-16-6.4-16-16s6.4-16 16-16h211.2c8 0 14.4 6.4 16 14.4l33.6 292.8c1.6 8-4.8 16-14.4 17.6h-1.6z" fill="" p-id="3728"></path><path d="M702.4 932.8c-9.6-32-12.8-65.6-12.8-99.2 4.8-220.8 44.8-432 72-537.6H388.8c-20.8 0-35.2 19.2-30.4 40 25.6 105.6 49.6 305.6 52.8 500.8 0 32-3.2 64-12.8 94.4v1.6c-8 20.8 6.4 43.2 28.8 43.2h246.4c22.4 0 35.2-17.6 30.4-40l-1.6-3.2z" fill="#D3DB31" p-id="3729"></path><path d="M606.4 812.8c-9.6 0-16-6.4-16-16 0-62.4 3.2-123.2 8-177.6 1.6-8 8-14.4 17.6-14.4 8 1.6 16 8 14.4 17.6-4.8 52.8-8 113.6-8 174.4 0 9.6-6.4 16-16 16zM622.4 561.6h-3.2c-8-1.6-14.4-9.6-12.8-17.6 1.6-11.2 3.2-20.8 4.8-28.8 1.6-8 3.2-14.4 3.2-20.8 1.6-8 9.6-14.4 17.6-12.8 8 1.6 14.4 9.6 12.8 17.6-1.6 4.8-1.6 12.8-3.2 20.8s-3.2 17.6-4.8 28.8c0 6.4-6.4 12.8-14.4 12.8z" fill="#929E27" p-id="3730"></path><path d="M670.4 944l-228.8-3.2c-9.6 0-16-8-16-16 0-9.6 6.4-16 16-16l228.8 3.2c9.6 0 16 8 16 16 0 9.6-8 16-16 16z" fill="" p-id="3731"></path><path d="M771.2 195.2S667.2 408 657.6 832c0 33.6 3.2 68.8 12.8 100.8l1.6 3.2c6.4 22.4-8 40-30.4 40H395.2c-22.4 0-36.8-22.4-28.8-43.2v-1.6c8-30.4 12.8-60.8 12.8-91.2-8-427.2-113.6-644.8-113.6-644.8h505.6m0-32H265.6c-11.2 0-20.8 6.4-27.2 14.4-6.4 9.6-6.4 20.8-1.6 30.4 1.6 1.6 102.4 217.6 110.4 630.4 0 27.2-3.2 54.4-11.2 81.6v1.6c-6.4 19.2-4.8 40 8 57.6 11.2 17.6 32 27.2 52.8 27.2h246.4c20.8 0 40-9.6 51.2-24 11.2-16 14.4-35.2 9.6-56l-1.6-3.2c-8-28.8-12.8-60.8-11.2-91.2 8-395.2 102.4-606.4 108.8-622.4 1.6-4.8 3.2-9.6 3.2-14.4 0-17.6-14.4-32-32-32z" fill="" p-id="3732"></path></svg>
          </div>

            <div class="card-body">
              <p class="card-text">苦瓜汁</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
             <div align="center">

<svg t="1640593292245" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2287" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M629.0432 547.7376a8.51968 8.51968 0 1 1 0 17.0496 8.51968 8.51968 0 0 1 0-17.0496zM637.5424 752.3328c0 9.4208-7.6288 17.1008-17.0496 17.1008s-17.0496-7.68-17.0496-17.1008a17.05472 17.05472 0 0 1 34.0992 0zM488.9088 866.0992a20.86912 20.86912 0 0 1-21.248-20.48 20.87936 20.87936 0 0 1 20.48-20.48c11.52-0.1536 21.0432 9.0112 21.1968 20.48a20.736 20.736 0 0 1-20.4288 20.48z" fill="#FF4893" p-id="2288"></path><path d="M398.6944 694.016m-25.7024 0a25.7024 25.7024 0 1 0 51.4048 0 25.7024 25.7024 0 1 0-51.4048 0Z" fill="#FF4893" p-id="2289"></path><path d="M483.4816 585.6768c12.4416 0 22.5792 10.1376 22.5792 22.5792a22.6304 22.6304 0 0 1-22.5792 22.6304c-12.4928 0-22.6304-10.1376-22.6304-22.6304a22.6304 22.6304 0 0 1 22.6304-22.5792z" fill="#FF4893" p-id="2290"></path><path d="M688.7936 534.2208l-19.3536 418.4576H346.0608l-21.1456-458.0352c0.3072 0.512 0.6656 1.0752 1.024 1.6384 11.3664 17.92 26.9824 42.3936 59.5968 42.3936 32.6144 0 48.1792-24.4736 59.5456-42.3424 10.496-16.5376 14.8992-21.6576 21.8112-21.6576 6.9632 0 11.3664 5.12 21.8112 21.6576 11.3664 17.8688 26.9312 42.3424 59.5456 42.3424 32.6656 0 48.2816-24.5248 59.648-42.3936 10.2912-16.2304 14.8992-21.6064 21.76-21.6064 6.9632 0 11.3152 5.12 21.8112 21.6064 8.3968 13.2608 19.0976 30.1056 37.3248 37.9392z m-28.8768 22.016c0-16.9984-13.824-30.8736-30.8736-30.8736s-30.9248 13.8752-30.9248 30.8736c0 17.0496 13.8752 30.9248 30.9248 30.9248s30.8736-13.8752 30.8736-30.9248z m0 196.096c0-21.7088-17.664-39.424-39.3728-39.424-21.76 0-39.4752 17.7152-39.4752 39.424 0 21.76 17.7152 39.424 39.4752 39.424 21.7088 0 39.3728-17.664 39.3728-39.424z m-128.1536 93.2864c0-23.808-19.4048-43.2128-43.264-43.2128-23.808 0-43.2128 19.4048-43.2128 43.2128 0 23.8592 19.4048 43.264 43.2128 43.264 23.8592 0 43.264-19.4048 43.264-43.264z m0-237.3632c0-26.624-21.6576-48.2816-48.2816-48.2816S435.2 581.632 435.2 608.256c0 26.624 21.6576 48.2816 48.2816 48.2816s48.2816-21.6576 48.2816-48.2816z m-84.3264 85.76c0-26.88-21.8624-48.7424-48.7424-48.7424s-48.7424 21.8624-48.7424 48.7424 21.8624 48.7424 48.7424 48.7424 48.7424-21.8624 48.7424-48.7424z" fill="#FF4893" p-id="2291"></path><path d="M629.0432 525.3632c17.0496 0 30.8736 13.8752 30.8736 30.8736 0 17.0496-13.824 30.9248-30.8736 30.9248s-30.9248-13.8752-30.9248-30.9248c0-16.9984 13.8752-30.8736 30.9248-30.8736z m13.8752 30.8736a13.91104 13.91104 0 0 0-13.8752-13.824 13.85472 13.85472 0 1 0 0 27.6992c7.6288 0 13.824-6.1952 13.8752-13.8752zM620.544 712.9088c21.7088 0 39.3728 17.7152 39.3728 39.424 0 21.76-17.664 39.424-39.3728 39.424-21.76 0-39.4752-17.664-39.4752-39.424 0-21.7088 17.7152-39.424 39.4752-39.424z m-0.0512 59.2384c10.9568 0 19.8144-8.8576 19.8144-19.8144 0-10.9056-8.8576-19.8144-19.8144-19.8144a19.8656 19.8656 0 0 0-19.8144 19.8144c0 10.9568 8.9088 19.8144 19.8144 19.8144z" fill="#4F46A3" p-id="2292"></path><path d="M629.0432 564.7872a8.51968 8.51968 0 0 0 0-17.0496 8.51968 8.51968 0 1 0 0 17.0496z m0-22.3744c7.6288 0 13.824 6.1952 13.8752 13.824a13.92128 13.92128 0 0 1-13.8752 13.8752 13.85472 13.85472 0 0 1 0-27.6992zM603.4432 752.3328c0 9.4208 7.6288 17.1008 17.0496 17.1008s17.0496-7.68 17.0496-17.1008-7.6288-17.0496-16.9984-17.0496c-9.472 0-17.1008 7.6288-17.1008 17.0496z m-2.7648 0a19.8656 19.8656 0 0 1 19.8144-19.8144c10.9568 0 19.8144 8.9088 19.8144 19.8144 0 10.9568-8.8576 19.8144-19.8144 19.8144-10.9056 0-19.8144-8.8576-19.8144-19.8144z" fill="#FF4893" p-id="2293"></path><path d="M585.6256 35.584c-0.3584 0.4608-0.7168 0.9216-1.024 1.4336 0.256-0.512 0.5632-0.9728 1.024-1.4336zM488.4992 802.4064c23.8592 0 43.264 19.4048 43.264 43.2128 0 23.8592-19.4048 43.264-43.264 43.264-23.808 0-43.2128-19.4048-43.2128-43.264 0-23.808 19.4048-43.2128 43.2128-43.2128z m21.9136 43.2128c0-12.032-9.8304-21.8624-21.9136-21.8624a21.9136 21.9136 0 0 0-21.8624 21.8624c0 12.0832 9.8304 21.9136 21.8624 21.9136 12.0832 0 21.9136-9.8304 21.9136-21.9136zM483.4816 559.9744c26.624 0 48.2816 21.6576 48.2816 48.2816 0 26.624-21.6576 48.2816-48.2816 48.2816S435.2 634.88 435.2 608.256c0-26.624 21.6576-48.2816 48.2816-48.2816z m25.856 48.2816c0-14.2848-11.5712-25.856-25.856-25.856s-25.9072 11.5712-25.9072 25.856 11.6224 25.9072 25.9072 25.9072 25.856-11.6224 25.856-25.9072z" fill="#4F46A3" p-id="2294"></path><path d="M488.1408 825.1392a20.87936 20.87936 0 0 0-20.48 20.48c0.2048 11.52 9.728 20.6848 21.248 20.48a20.736 20.736 0 0 0 20.4288-20.48c-0.1536-11.4688-9.6768-20.6336-21.1968-20.48z m-21.504 20.48a21.9136 21.9136 0 0 1 21.8624-21.8624c12.0832 0 21.9136 9.8304 21.9136 21.8624 0 12.0832-9.8304 21.9136-21.9136 21.9136-12.032 0-21.8624-9.8304-21.8624-21.9136z" fill="#FF4893" p-id="2295"></path><path d="M457.5744 608.256c0-14.2848 11.6224-25.856 25.9072-25.856s25.856 11.5712 25.856 25.856-11.5712 25.9072-25.856 25.9072-25.9072-11.6224-25.9072-25.9072z m25.9072-22.5792a22.6304 22.6304 0 0 0-22.6304 22.5792c0 12.4928 10.1376 22.6304 22.6304 22.6304a22.6304 22.6304 0 0 0 22.5792-22.6304c0-12.4416-10.1376-22.5792-22.5792-22.5792zM398.6944 645.2736c26.88 0 48.7424 21.8624 48.7424 48.7424s-21.8624 48.7424-48.7424 48.7424-48.7424-21.8624-48.7424-48.7424 21.8624-48.7424 48.7424-48.7424z m26.368 48.7424c0-14.592-11.776-26.368-26.368-26.368a26.368 26.368 0 1 0 0 52.736 26.368 26.368 0 0 0 26.368-26.368z" fill="#4F46A3" p-id="2296"></path><path d="M372.992 694.016c0 14.1824 11.52 25.7024 25.7024 25.7024 14.1824 0 25.7024-11.52 25.7024-25.7024s-11.52-25.7024-25.7024-25.7024c-14.1824 0-25.7024 11.52-25.7024 25.7024z m52.0704 0a26.368 26.368 0 1 1-52.736 0 26.368 26.368 0 0 1 26.368-26.368c14.592 0 26.368 11.776 26.368 26.368z" fill="#4F46A3" p-id="2297"></path><path d="M776.3456 250.7264h-217.856l60.9792-179.3536h104.192c12.3392 0 22.3744-9.984 22.3744-22.3744 0-12.3392-10.0352-22.3744-22.3744-22.3744h-120.2176c-7.3216 0-13.824 3.5328-17.8176 8.96-0.3584 0.4608-0.7168 0.9216-1.024 1.4336-0.8192 1.1776-1.4336 2.4576-1.9456 3.7888-0.1536 0.3072-0.3072 0.6656-0.4096 0.9728L511.2832 250.5216c0 0.0512-0.0512 0.1536-0.0512 0.2048H242.3808c-0.6144 0-1.28 0.0512-1.8944 0.1024-12.3392 1.024-21.4528 11.8784-20.3776 24.2176l7.8336 90.9824a22.30784 22.30784 0 0 0 22.272 20.4288h24.8832l3.072 65.9968 24.1664 523.6224a22.40512 22.40512 0 0 0 22.3744 21.3504h366.08c11.9296 0 21.8112-9.4208 22.3744-21.3504l21.248-459.7248 5.9904-129.8944h27.8016c11.5712 0 21.248-8.8064 22.272-20.3776l8.1408-90.9824c0.0512-0.6656 0.1024-1.3312 0.1024-1.9968 0-12.3392-10.0352-22.3744-22.3744-22.3744z m-106.9056 701.952H346.0608l-21.1456-458.0352c0.3072 0.512 0.6656 1.0752 1.024 1.6384 11.3664 17.92 26.9824 42.3936 59.5968 42.3936s48.1792-24.4736 59.5456-42.3424c10.496-16.5376 14.8992-21.6576 21.8112-21.6576 6.9632 0 11.3664 5.12 21.8112 21.6576 11.3664 17.8688 26.9312 42.3424 59.5456 42.3424 32.6656 0 48.2816-24.5248 59.648-42.3936 10.2912-16.2304 14.8992-21.6064 21.76-21.6064 6.9632 0 11.3152 5.12 21.8112 21.6064 8.3968 13.2608 19.0976 30.1056 37.3248 37.9392l-19.3536 418.4576z m78.2848-610.9696h-28.672c-11.9808 0-21.8112 9.4208-22.3744 21.3504l-5.2224 112.6912c-0.6656-1.0752-1.4336-2.2528-2.2016-3.4816-11.3664-17.8688-26.9312-42.3424-59.5968-42.3424-32.6144 0-48.1792 24.4736-59.5456 42.3424-10.496 16.4864-14.848 21.6576-21.8624 21.6576-6.8608 0-11.4688-5.4272-21.76-21.6064-11.3664-17.92-26.9312-42.3936-59.5968-42.3936-32.6144 0-48.1792 24.4736-59.5456 42.3936-10.3424 16.1792-14.9504 21.6064-21.8112 21.6064-6.9632 0-11.3152-5.12-21.8112-21.6576-5.6832-8.9088-12.3904-19.5072-21.8112-27.8528-5.5808-4.9664-12.0832-9.1648-19.8656-11.7248l-3.2256-69.632a22.38976 22.38976 0 0 0-22.3232-21.3504h-25.7536l-3.9936-46.2336h485.12l-4.1472 46.2336z" fill="#4F46A3" p-id="2298"></path></svg>
          </div>

            <div class="card-body">
              <p class="card-text">蜜桃气泡水</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">

<svg t="1640593353400" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2441" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M344 520h-3.2C252.8 508.8 160 435.2 160 332.8 160 228.8 244.8 144 350.4 144c94.4 0 174.4 70.4 187.2 163.2 1.6 11.2-6.4 22.4-19.2 24s-22.4-6.4-24-19.2c-9.6-80-83.2-137.6-163.2-128-73.6 9.6-129.6 72-128 147.2 0 76.8 73.6 136 144 145.6 11.2 1.6 20.8 12.8 19.2 24-1.6 11.2-11.2 19.2-22.4 19.2z" fill="#222222" p-id="2442"></path><path d="M334.4 428.8c0-8-6.4-32-8-41.6-1.6-16-1.6-32 1.6-48 3.2-12.8 12.8-9.6 17.6-14.4 9.6-3.2 17.6-4.8 27.2-6.4 6.4 0 46.4 1.6 65.6 1.6h27.2c-4.8-64-59.2-110.4-121.6-107.2s-110.4 59.2-107.2 121.6c3.2 52.8 43.2 97.6 96 105.6 1.6-3.2 1.6-8 1.6-11.2z" fill="#FFB53B" p-id="2443"></path><path d="M361.6 694.4c78.4-17.6 155.2 1.6 232 20.8 19.2 6.4 32 0 49.6-3.2 14.4-3.2 27.2-9.6 38.4-17.6 11.2-8 19.2-17.6 25.6-30.4l-4.8 72-3.2 68.8s27.2 17.6-16 30.4c-16 4.8-33.6 8-49.6 6.4-19.2-1.6-40-3.2-59.2-3.2-76.8-1.6-206.4 59.2-206.4-46.4-4.8-30.4-6.4-97.6-6.4-97.6z" fill="#E5E5E5" p-id="2444"></path><path d="M361.6 728s105.6-19.2 179.2 4.8 139.2 4.8 164.8-43.2l-4.8 72-4.8 56s25.6 12.8-17.6 25.6-51.2 19.2-107.2 20.8-89.6 4.8-121.6-1.6-57.6-6.4-65.6-19.2-22.4-115.2-22.4-115.2z" fill="#FFB53B" p-id="2445"></path><path d="M660.8 878.4H417.6c-35.2 0-62.4-25.6-68.8-65.6v-1.6l-12.8-156.8-3.2-60.8c-1.6-12.8 8-24 20.8-25.6s24 8 25.6 20.8v1.6l3.2 60.8 12.8 155.2c1.6 8 6.4 25.6 22.4 25.6h243.2c12.8 0 22.4-9.6 22.4-22.4v-1.6l46.4-444.8c0-12.8-11.2-22.4-22.4-22.4H369.6c-12.8 0-22.4 9.6-22.4 22.4l19.2 132.8c1.6 12.8-6.4 24-19.2 25.6-12.8 1.6-24-6.4-25.6-19.2l-19.2-136v-3.2c0-38.4 30.4-68.8 68.8-68.8h336c38.4 0 68.8 30.4 68.8 68.8v1.6l-46.4 444.8c0 38.4-30.4 67.2-68.8 68.8z" fill="#222222" p-id="2446"></path><path d="M547.2 780.8c-12.8 0-22.4-9.6-22.4-22.4 0-1.6 0-4.8 1.6-6.4l158.4-512c3.2-12.8 12.8-20.8 25.6-22.4 3.2 0 4.8-1.6 8-1.6l128-41.6c12.8-3.2 25.6 3.2 28.8 14.4 3.2 12.8-3.2 25.6-14.4 28.8l-126.4 41.6-6.4 1.6-155.2 504c-4.8 9.6-14.4 16-25.6 16z" fill="#222222" p-id="2447"></path></svg>
          </div>

            <div class="card-body">
              <p class="card-text">橙子汽水</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <div align="center">

<svg t="1640593419535" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3511" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M747 954.4H488.2c-37.3 0-68.5-28.6-71.6-65.8l-28.7-280.2c-3.6-42 29.5-78.1 71.6-78.1h316.3c42.1 0 75.2 36.1 71.6 78.1l-28.7 280.2c-3.2 37.2-34.4 65.8-71.7 65.8z" fill="#F9F967" p-id="3512"></path><path d="M694.9 924.5H427c-24.1 0-47.1-9-64.8-25.2-17.7-16.3-28.6-38.4-30.7-62.4L291 365.8c-2.3-26.7 6.8-53.3 24.9-73 18.1-19.7 43.8-31 70.6-31h348.8c26.8 0 52.5 11.3 70.6 31 18.1 19.7 27.2 46.3 24.9 73l-40.5 471.1c-2.1 24-13 46.1-30.7 62.4-17.6 16.2-40.7 25.2-64.7 25.2zM386.5 304.3c-15.1 0-29 6.1-39.2 17.2-10.2 11.1-15.1 25.5-13.8 40.6L374 833.2c2.4 27.8 25.2 48.7 53 48.7h267.9c27.9 0 50.7-20.9 53-48.7l40.5-471.1c1.3-15-3.6-29.4-13.8-40.6-10.2-11.1-24.1-17.2-39.2-17.2H386.5z" fill="" p-id="3513"></path><path d="M449.1 667c-11.3 0-20.7-8.8-21.3-20.2l-8.8-171c-0.6-11.7 8.4-21.8 20.2-22.4 11.8-0.6 21.8 8.4 22.4 20.2l8.9 171.1c0.6 11.7-8.4 21.8-20.2 22.4-0.5-0.1-0.8-0.1-1.2-0.1zM320.4 475.6c-106.2 0-192.6-86.4-192.6-192.6 0-47.3 17.5-92.9 49.2-128.3 5.8-6.4 14.8-8.7 22.9-5.9l45.4 16v-44.4c0-9.2 5.9-17.3 14.6-20.2 19.7-6.5 40-9.8 60.4-9.8C426.6 90.3 513 176.8 513 283c0 11.8-9.5 21.3-21.3 21.3s-21.3-9.5-21.3-21.3c0-82.7-67.3-150-150-150-10.9 0-21.7 1.2-32.4 3.6v58.3c0 6.9-3.4 13.4-9 17.4-5.6 4-12.9 5-19.4 2.7l-59.7-21c-19.1 25.8-29.5 56.9-29.5 89.1 0 82.7 67.3 150 150 150 11.8 0 21.3 9.5 21.3 21.3 0 11.7-9.6 21.2-21.3 21.2zM571.6 808.3c-1.2 0-2.4-0.1-3.6-0.3-11.6-2-19.4-13-17.4-24.6l101.2-597.2c1.1-6.5 5.1-12.1 10.9-15.2l170.4-91.4c10.4-5.6 23.3-1.7 28.8 8.7 5.6 10.4 1.7 23.3-8.7 28.8L692 203.7l-99.4 586.9c-1.8 10.4-10.8 17.7-21 17.7z" fill="" p-id="3514"></path></svg>
          </div>

            <div class="card-body">
              <p class="card-text">柠檬茶</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
<svg t="1640593493711" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3791" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M611.3 959.7H351.5c-31 0-57.2-24.2-59.5-55.2l-47.6-539.8v-0.7c0-26.1 21.2-47.3 47.3-47.3h379.5c26.1 0 47.3 21.2 47.3 47.3l-0.1 1.7-47.5 539.2c-2.5 30.6-28.6 54.8-59.6 54.8zM282 363.4l47.5 538.1c0.9 11.7 10.6 20.6 22.1 20.6h259.7c11.5 0 21.2-9 22-20.4l47.5-538.3c-0.3-5-4.5-9-9.6-9H291.7c-5.2-0.1-9.4 3.9-9.7 9z" fill="#56432E" p-id="3792"></path><path d="M227.9 293.2H735v67.5H227.9zM641.7 278.5H321.1v-56.1c0-6.3 5.1-11.4 11.4-11.4h297.9c6.3 0 11.4 5.1 11.4 11.4v56.1z" fill="#56432E" p-id="3793"></path><path d="M481.4 276.5c-10.4 0-18.8-8.4-18.8-18.8v-74.6c0-65.5 53.3-118.9 118.9-118.9 10.4 0 18.8 8.4 18.8 18.8s-8.4 18.8-18.8 18.8c-44.8 0-81.2 36.4-81.2 81.2v74.6c-0.1 10.5-8.5 18.9-18.9 18.9z" fill="#56432E" p-id="3794"></path><path d="M250.1 532l20.3 229.9c0.4 4.3 4 7.6 8.3 7.6h405.5c4.3 0 7.9-3.3 8.3-7.6L712.8 532c0.4-4.9-3.4-9-8.3-9H258.3c-4.8-0.1-8.7 4.1-8.2 9z" fill="#6A9644" p-id="3795"></path><path d="M481.4 646.2m-74.6 0a74.6 74.6 0 1 0 149.2 0 74.6 74.6 0 1 0-149.2 0Z" fill="#FFFFFF" p-id="3796"></path></svg>
            </div>
            <div class="card-body">
              <p class="card-text">抹茶</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
<svg t="1640593175237" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3863" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M328.38007 430.127462l148.319814 182.285052H519.119351l156.922364-192.815758z" fill="#FFA2CC" p-id="3864"></path><path d="M471.360371 533.951333a24.02781 24.02781 0 1 1 24.02781 23.87949A24.17613 24.17613 0 0 1 471.360371 533.951333z" fill="#99CC00" p-id="3865"></path><path d="M422.266512 217.288528l28.180765 44.495945 66.595597 27.587485 52.653534-7.119351 65.853998-37.821553-98.187718-56.213209z" fill="#FFDA6A" p-id="3866"></path><path d="M341.135574 894.665122a14.831981 14.831981 0 0 1-12.458865-20.468135 52.950174 52.950174 0 0 1 32.630359-24.917729 12.458864 12.458864 0 0 1 4.004635 0 185.993048 185.993048 0 0 0 81.427579-19.429895l14.831981-9.789108V632.732329c0-8.750869-4.301275-18.539977-20.023175-36.190035L234.493627 346.178447a14.831981 14.831981 0 0 1 10.975666-22.989571H493.904983l4.449594-24.621089-46.720742-18.539977a14.831981 14.831981 0 0 1-6.081112-4.746234l-36.783314-50.280417a13.942063 13.942063 0 0 1 7.86095-21.803013l103.82387-25.659328 2.818077-16.01854a14.090382 14.090382 0 0 1 27.587485 5.042874l-2.818076 15.7219 96.25956 53.098494a13.942063 13.942063 0 0 1 0 24.17613l-59.327926 37.524913a12.013905 12.013905 0 0 1-6.229432 2.076477l-52.356895 4.597914-3.411356 19.429896h123.698726l59.327925-76.533024a14.831981 14.831981 0 0 1 19.429896-2.818077l115.689456 84.838934a14.831981 14.831981 0 0 1 2.966396 19.726535 13.942063 13.942063 0 0 1-19.578216 2.966397l-103.82387-76.829664L682.271147 323.188876h68.523755a14.831981 14.831981 0 0 1 10.679026 23.137891L551.453071 596.542294a60.662804 60.662804 0 0 0-19.874855 36.190035v186.734647l14.831981 9.789107a186.734647 186.734647 0 0 0 81.575898 19.429896 11.123986 11.123986 0 0 1 3.856315 0 53.246813 53.246813 0 0 1 32.778679 24.917729 14.831981 14.831981 0 0 1-12.607184 20.468134z m222.479721-28.180765h-2.818076a156.922364 156.922364 0 0 1-52.356895-28.477405 13.942063 13.942063 0 0 1-4.894553-10.679026V632.732329A86.173812 86.173812 0 0 1 530.095017 578.447277l118.655852-140.903824h-54.730012l-59.327925 76.681344a41.529548 41.529548 0 0 1-35.745076 61.404403 38.414832 38.414832 0 0 1-19.874855-4.597914 41.529548 41.529548 0 0 1 29.663963-76.977984l3.856315 1.483199 44.495945-58.289688h-55.026652l-5.636153 32.1854a13.942063 13.942063 0 0 1-13.497103 11.420626h-2.818076a13.942063 13.942063 0 0 1-11.272306-16.31518l4.746234-27.142526h-127.406721L462.906141 578.447277A83.059096 83.059096 0 0 1 489.455388 632.732329v194.002318a13.645423 13.645423 0 0 1-5.042874 10.679026 155.587486 155.587486 0 0 1-52.356894 28.477405h-2.669757z m-64.222479-318.739282a13.200463 13.200463 0 0 0 11.123986-7.267671 13.497103 13.497103 0 1 0-18.243337 5.784473 13.052144 13.052144 0 0 0 5.191193 1.483198z m-20.764774-138.530707l10.827346-57.993047H275.133256l47.9073 57.993047z m101.599073 0l44.495944-57.993047h-107.235226l-10.382387 57.993047z m91.661645 0l48.648899-57.993047h-59.327926l-44.495944 57.993047z m-328.825029-13.052143a14.090382 14.090382 0 1 1 0-28.032445h56.06489a14.090382 14.090382 0 0 1 0 28.032445z m187.921205-121.028969l27.439166-2.373117-19.281576-42.864426z m-27.587485-4.746234l7.41599-41.084589-29.663962 32.1854z m81.724218-6.674392l24.324449-14.831981-41.529548-22.841252z m-127.110082-18.836616l27.735806-29.663963-41.974508 10.234067z" fill="#333333" p-id="3867"></path></svg>
          </div>

            <div class="card-body">
              <p class="card-text">鸡尾酒</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/drink_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</main>

<footer class="text-muted py-5">
  <div class="container">
    <p class="float-end mb-1">
      <a href="#">Back to top</a>
    </p>
    <p class="mb-1">Album example is &copy; Bootstrap, but please download and customize it for yourself!</p>
    <p class="mb-0">New to Bootstrap? <a href="/">Visit the homepage</a> or read our <a href="/docs/5.1/getting-started/introduction/">getting started guide</a>.</p>
  </div>
</footer>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>


  </body>
</html>
